<template>
  <div class="index_content nav_border">
    <div class="banner_box">
      <SlideBanner></SlideBanner>
    </div>
    <Yygh></Yygh>
    <Zxwz></Zxwz>
    <Zxsc></Zxsc>
    <Jkjt></Jkjt>
    <Jkzx></Jkzx>
  </div>
</template>

<script>
  import SlideBanner from '@/components/Public/SlideBanner'
  import Yygh from '@/components/index/Yygh'
  import Zxwz from '@/components/index/Zxwz'
  import Zxsc from '@/components/index/Zxsc'
  import Jkjt from '@/components/index/Jkjt'
  import Jkzx from '@/components/index/Jkzx'

  export default {
    name: 'Layout',
    data() {
      return {}
    },
    components: {
      SlideBanner,
      Yygh,
      Zxwz,
      Zxsc,
      Jkjt,
      Jkzx
    }
  }
</script>
<style>
  /*banner轮播*/
  .banner_box {
    height: 400px;
    min-height: 400px;
  }

  /*楼层标题样式*/
  .floor_title_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
  }

  .floor_title_box .floor_title_icon {
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .floor_title_box .floor_title {
    font-size: 24px;
    color: rgba(51, 51, 51, 1);
  }

  .floor_title_box .floor_title_info {
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
  }
  /*首页中的更多按钮*/
  .more{
    cursor: pointer;
    padding-right: 10px;
    background: url("../common/img/icon/icon_arrow_right.png")no-repeat;
    background-position: center right;
  }
</style>
<style scoped>
  .index_content{
    margin-bottom: 120px;
  }
</style>
